.card {
    display: block;
    height: 80px;
    position: relative;
    text-decoration: none !important;
    &:visited {
        text-decoration: none;
    }
    &:hover {
        text-decoration: none;
    }
    &:active {
        text-decoration: none;
    }
    .card-img {
        position: absolute;
        width: 80px;
        height: 80px;
        img {
            vertical-align: top;
            width: 80px;
            height: 80px;
        }
    }
    .card-container {
        text-decoration: none;
        padding-left: 97px;
        .card-title {
            text-decoration: none;
            padding: 15px 0 21px;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight :400;
            color:rgba(51,51,61,1);
            line-height: 1;
            transform: all 0.3s;
            cursor: pointer;
            outline: 0;
            &:visited {
                text-decoration: none;
            }
            &:hover {
                text-decoration: none;
                color: #ee3a29;
            }
            &:active {
                text-decoration: none;
            }
        }
        .singer {
            font-size: 0;
            > div {
                display: inline-block;
                font-size:12px;
                font-family:PingFangSC-Regular;
                font-weight:400;
                color:rgba(153,153,153,1);
                line-height: 1;
            }
            .singer-name {
                width: 115px;
            }
            .upload-time {
                img {
                    margin-right: 4px;
                    position: relative;
                    top: -2px;
                    vertical-align: middle;
                    width: 16px;
                    height: 16px;
                }
                
            }
        }
    }
}